<%@ page language="java" contentType="text/html; charset=UTF-8"
	pageEncoding="UTF-8"%>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<link rel="stylesheet" type="text/css"
	href="esayui/themes/default/easyui.css">
<link rel="stylesheet" type="text/css" href="esayui/themes/icon.css">
<link rel="stylesheet" type="text/css" href="esayui/demo.css">
<script type="text/javascript" src="esayui/jquery.min.js"></script>
<script type="text/javascript" src="esayui/jquery.easyui.min.js"></script>
<title>Insert title here</title>
</head>
<script>
	$(function() {
		$('#dg').datagrid({
			url : 'getPersonInfos.action?prname=2',
			method : 'post',
			toolbar : 'tb',
			striped : true,
			pagination : true,
			rownumbers : true,
			pageList : [ 10, 8, 6, 4, 2 ],
			//queryParams:formJson("f2"),
			columns : [ [ {
				field : 'checkbox',
				title : 'checkbox',
				checkbox : 'true'
			}, {
				field : 'prid',
				title : '用户ID',
				width : 60
			}, {
				field : 'prname',
				title : '用户名字',
				width : 60
			}, {
				field : 'prage',
				title : '年龄',
				width : 40
			}, {
				field : 'praddress',
				title : '地址',
				width : 100
			}, {
				field : 'prsex',
				title : '性别',
				width : 60
			}, {
				field : 'prtelephone',
				title : '电话',
				width : 100
			}, {
				field : 'pridcard',
				title : '身份证号',
				width : 150
			}, {
				field : 'prstate',
				title : '状态',
				width : 60
			}, {
				field : 'prcreatedate',
				title : '日期',
				width : 130,
			}, ] ]
		});

		//选项卡气泡
		$('#dg').datagrid({
			toolbar : '#tb'
		});

	});

	//修改
	function edit() {
		var row = $('#dg').datagrid("getSelected");
		if (!row) {
			alert("请选择需要修改的选项！！！");
		} else {
			$('#dd').dialog({
				title : '修改用户',
				width : 400,
				height : 400,
				closed : false,
				modal : true
			});
			//把数据放入文本框内
			$('#ff').form('load', row);
		}
	}

	//删除数据
	function del() {
		var selRow = $('#dg').datagrid("getSelections");//返回选中多行  
		//var row = $('#dg').datagrid("getSelected");//返回单个

		if (selRow.length == 0) {
			alert("请至少选择一行数据!");
			return false;
		}

		var ids = [];
		for (var i = 0; i < selRow.length; i++) {
			//获取自定义table 的中的checkbox值  
			var id = selRow[i].prid; //你实体id这个是你要在列表中取的单个id  
			ids.push(id); //然后把单个id循环放到ids的数组中  
		}

		if(confirm("确定要删除选中的记录吗?")){  
			window.location.href = "delete.action?array=" + ids;   
			 
			}  
	}
	
	//poi
	function poi(){
		
		var selRow = $('#dg').datagrid("getSelections");
		var ids = [];
		if(confirm("确定要导出选中的记录吗?")){
			for (var i = 0; i < selRow.length; i++) {
				//获取自定义table 的中的checkbox值  
				var id = selRow[i].prid; //你实体id这个是你要在列表中取的单个id 
				ids.push(id); //然后把单个id循环放到ids的数组中  
			}
			window.location.href = "poi.action?info=" + ids;
		}
		
	}
	
	
	//提示
	function center() {
		$.messager.show({
			title : '提示消息',
			msg : '操作成功！',
			showType : 'fade',
			style : {
				right : '',
				bottom : ''
			}
		});

	}
	//搜索
	function so() {
		$("#f2").val;
		$("#card").val;
		alert(name + "  " + card);
		window.location.href = "getPersonInfos.action?prname=" + name
				+ "&pridcard=" + card;

	}
</script>


<body>
	客户信息管理>>查询用户
	<h1>查询用户</h1>
	<table id="dg">
		<div id="tb">
			<form id="f2" action="" method="post">
				姓名：<input id="name" type="text" name="prname" size="20" /> 身份证号：<input
					id="card" type="text" name="pridcard" size="20" /> <a
					class="easyui-linkbutton"
					data-options="iconCls:'icon-search',plain:true"
					href="javascript:void(0)" name="submit"
					onclick="document.getElementById('f2').submit();">搜索</a><input
					type="submit"><br>
			</form>
			<a href="#" onclick="edit()" class="easyui-linkbutton"
				data-options="iconCls:'icon-edit',plain:true">修改</a> <a href="#"
				onclick="del();" class="easyui-linkbutton"
				data-options="iconCls:'icon-remove',plain:true">删除</a> <a
				onclick="poi();" class="easyui-linkbutton">poi</a>

		</div>

	</table>
	<div id="dd" style="display: none">
		<form id="ff" action="update.action" method="post">
			<table>
				<tr>
					<td>用户ID:</td>
					<td><input type="text" readonly="readonly" name="prid" /></td>
				</tr>
				<tr>
					<td>用户名字:</td>
					<td><input type="text" name="prname" /></td>
				</tr>
				<tr>
					<td>年龄:</td>
					<td><input type="text" name="prage" /></td>
				</tr>
				<tr>
					<td>地址:</td>
					<td><input type="text" name="praddress" /></td>
				</tr>
				<tr>
					<td>性别:</td>
					<td><input type="text" name="prsex" /></td>
				</tr>
				<tr>
					<td>电话:</td>
					<td><input type="text" name="prtelephone" /></td>
				</tr>
				<tr>
					<td>身份证号:</td>
					<td><input type="text" name="pridcard" /></td>
				</tr>
				<tr>
					<td>状态:</td>
					<td><input type="text" name="prstate" /></td>
				</tr>
				<tr>
					<td><input type="submit" value="提交" /></td>
					<td><input type="reset" value="重置" /></td>
				</tr>

			</table>
		</form>
	</div>
	
	
</body>
</html>